<!--
 * @Author: Hugh Xie
 * @Date: 2022-03-01 12:41:40
 * @LastEditors: Hugh Xie
 * @LastEditTime: 2022-06-04 12:09:26
 * @FilePath: \frontend\src\view\teaching-material\modal\info.vue
-->
<template>
  <a-modal
    :visible="visible"
    title="教材详情"
    cancelText="取消"
    okText="确定"
    width="60%"
    @ok="submit"
    @cancel="cancel"
  >
    <div>
      <a-descriptions title="">
        <a-descriptions-item label="教材名">TOMB</a-descriptions-item>
        <a-descriptions-item label="作者">TOM</a-descriptions-item>
        <a-descriptions-item label="版本">三次补丁</a-descriptions-item>
        <a-descriptions-item label="出版社">四川大学</a-descriptions-item>
        <a-descriptions-item label="下载地址">www.2</a-descriptions-item>
        <a-descriptions-item label="创建人">张三</a-descriptions-item>
        <a-descriptions-item label="创建时间">----</a-descriptions-item>
        <a-descriptions-item label="教材ISBN">教材ISBN</a-descriptions-item>
        <a-descriptions-item label="备注">备注</a-descriptions-item>
      </a-descriptions>
    </div>
  </a-modal>
</template>

<script>
export default {
  name: "teaching-material-detail",
  props: {
    visible: {
      type: Boolean,
    },
  },
  setup(props, content) {
    const cancel = () => {
      content.emit('close')
    }

    return {
      cancel
    }
  }
}
</script>

<style scoped>

</style>
